<template>
  <div class="app-container" v-loading="loading">
    <div class="tabs dachuShenChaBox">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="图件审查" name="1" />
        <el-tab-pane label="附件审查" name="2" />
      </el-tabs>
      <div class="dachuShenCha">
        <div class="dachuShenCha_item" @click="exportOpinion">
          <i class="el-icon-upload2" /> 导出审查意见
        </div>
        <div v-if="!isLook" class="dachuShenCha_item" @click="checkTijiao">
          <i class="el-icon-document-checked" /> 校验审查意见
        </div>
      </div>
    </div>
    <div v-show="activeName == '1'" class="tdMap-box">
      <tdMap
        ref="tdMap"
        :pk-list="list"
        :xian-zhuang-path="xianZhuangFliePath"
        :cuowu-list="cuowuListData"
        :yijian-info="yijianInfoData"
        :is-look="isLook"
      >
        <template slot="buttonGroup">
          <el-button size="medium" @click="handleXzViewInto">现状图</el-button>
        </template>

        <!-- 基本信息详情（插槽） s -->
        <div v-if="curIndex != null" slot="popupBaseInfo">
          <table cellspacing="0" class="tableBasicInfo">
            <tr>
              <th>权利人</th>
              <td>{{ list[curIndex].qlr }}</td>
            </tr>
            <tr>
              <th>红线面积</th>
              <td>{{ list[curIndex].sshxm | M2 }}</td>
            </tr>
            <tr>
              <th>占建设用地类百分比</th>
              <td>
                <span :class="{ redText: list[curIndex].jxzdm < 50 }">{{ list[curIndex].jxzdm }}%</span>
              </td>
            </tr>
            <tr>
              <th>建设用地复垦面积</th>
              <td>{{ list[curIndex].sshxm | M2 }}</td>
            </tr>
            <tr>
              <th>宅基地面积</th>
              <td>{{ list[curIndex].nczjd | M2 }}</td>
            </tr>
            <tr>
              <th>宅基地附属用地面积</th>
              <td>{{ list[curIndex].zjdfs | M2 }}</td>
            </tr>
            <tr>
              <th>预计减少建设用地面积</th>
              <td>{{ list[curIndex].yjjsj | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加农用地面积</th>
              <td>{{ list[curIndex].yjzjn | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加耕地面积</th>
              <td>{{ list[curIndex].yjzjg | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加林地面积</th>
              <td>{{ list[curIndex].yjzjl | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加园地面积</th>
              <td>{{ list[curIndex].yjzjy | M2 }}</td>
            </tr>
            <tr>
              <th>预计增加其他农用地面积</th>
              <td>{{ list[curIndex].yjzjq | M2 }}</td>
            </tr>
            <tr>
              <th>权属单位</th>
              <td>{{ list[curIndex].qsdw }}</td>
            </tr>
            <tr>
              <th>图幅号</th>
              <td>{{ list[curIndex].tfh }}</td>
            </tr>
            <tr>
              <th>图斑号</th>
              <td>{{ list[curIndex].tbh }}</td>
            </tr>
            <tr>
              <th>图斑面积</th>
              <td>{{ list[curIndex].tbdlm | M2 }}</td>
            </tr>
            <tr>
              <th>小地名</th>
              <td>{{ list[curIndex].xdm }}</td>
            </tr>
          </table>
        </div>
        <!-- 基本信息详情（插槽） e -->

        <!-- 综合监管详情（插槽） s -->
        <div slot="popupJgInfo">
          <template v-if="!jgInfoData.xctk.time && !jgInfoData.qqch">
            <div class="no-data" style="margin: 0;">- 暂无数据 -</div>
          </template>
          <template v-else>
            <div class="zonghexinxiFirst zonghexinxiItem">
              <div class="zonghexinxiLeft">现场勘探</div>
              <div v-if="jgInfoData.xctk.time" class="item-box">
                <div class="one-item one-item-item item-box-firstItem">
                  踏勘时间：
                  <span>{{ jgInfoData.xctk.time }}</span>
                </div>
                <div class="item-box-box one-item-item">
                  <div class="item-box-box-left">踏勘位置：</div>
                  <div class="item-box-box-right">
                    <div class="one-item check">
                      <el-checkbox :value="jgInfoData.xctk.lygh == 'YES' ? true : false">是否符合土地利用规划？</el-checkbox>
                    </div>
                    <div class="one-item check">
                      <el-checkbox :value="jgInfoData.xctk.zzgh == 'YES' ? true : false">是否符合土地整治规划？</el-checkbox>
                    </div>
                    <div class="one-item check">
                      <el-checkbox
                        :value="jgInfoData.xctk.xzjsgh == 'YES' ? true : false"
                      >是否符合乡镇建设规划？</el-checkbox>
                    </div>
                    <div class="one-item check">
                      <el-checkbox :value="jgInfoData.xctk.pddy == 'YES' ? true : false">坡度是否大于25度？</el-checkbox>
                    </div>
                    <div class="one-item check">
                      <el-checkbox
                        :value="jgInfoData.xctk.qlrzysq == 'YES' ? true : false"
                      >土地权利人是否自愿申请？</el-checkbox>
                    </div>
                    <div class="one-item check">
                      <el-checkbox
                        :value="jgInfoData.xctk.zbnyd == 'YES' ? true : false"
                      >是否与周边农用地相连？</el-checkbox>
                    </div>
                  </div>
                </div>
                <div class="table-box">
                  <div class="table-box-left table-box-item">踏勘指界资料：</div>
                  <div class="table-box-right table-box-item">
                    <ul class="ziliaoList">
                      <li
                        v-for="(item, index) in jgInfoData.xctkList"
                        :key="index"
                        @click="handleImageDialog(item)"
                      >{{ item.name }}</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div v-else class="zhjg-no-data">暂无数据</div>
            </div>
            <div class="zonghexinxiFirst zonghexinxiItem">
              <div class="zonghexinxiLeft">前期测绘</div>
              <div v-if="jgInfoData.qqch" class="item-box">
                <div class="one-item one-item-item item-box-firstItem">
                  前期测绘：
                  <span>{{ jgInfoData.qqch.time }}</span>
                </div>
                <div class="item-box-box one-item-item">
                  <div class="item-box-box-left">测绘位置：</div>
                </div>
                <div class="table-box">
                  <div class="table-box-left table-box-item">踏勘指界资料：</div>
                  <div class="table-box-right table-box-item">
                    <ul class="ziliaoList">
                      <li
                        v-for="(item, index) in jgInfoData.qqchList"
                        :key="index"
                        @click="handleImageDialog(item)"
                      >{{ item.name }}</li>
                    </ul>
                  </div>
                </div>
              </div>
              <div v-else class="zhjg-no-data">暂无数据</div>
            </div>
          </template>
        </div>
        <!-- 综合监管详情（插槽） e -->
      </tdMap>
    </div>

    <div v-show="activeName == '2'" class="fujianShenCha">
      <div class="fujianList">
        <div v-for="(item, index) in fujianList" :key="index" class="bgFujian">
          <div
            class="fujianTitle"
          >{{ index + 1 }}.{{ item.fileName.substring(0, item.fileName.indexOf(".pdf")) ? item.fileName.substring(0, item.fileName.indexOf(".pdf")) : item.fileName }}</div>
          <div class="fujianContent">
            <div class="fujianName">
              <i class="el-icon-document icon" />
              <el-tooltip class="item" effect="dark" :content="item.fileName" placement="top-start">
                <p class="fujianNamePdf">{{ item.fileName }}</p>
              </el-tooltip>
            </div>
            <div class="isHover">
              <span
                @click="chaKanItem(item)"
              >{{ item.opinionStatus == "AUDIT" ? "审查" : item.opinionStatus == "VIEW" ? "查看" : "审查" }}</span>
            </div>
          </div>
        </div>
      </div>
      <div v-show="showChaKan" class="chaKanBox">
        <div class="showDetail">
          <div class="chaKanBox_left">
            <iframe
              :src="$https + itemData.filePath"
              frameborder="0"
              style="width:100%;height:100%;"
            />
          </div>
          <div class="chaKanBox_right">
            <div class="chaKanBox_right_item chaKanBox_right_select">
              <p>意见类型：</p>
              <el-select v-model="yijianValue" placeholder="--请选择--" @change="changeText">
                <el-option
                  v-for="item in cuowuList"
                  :key="item.code"
                  :label="item.name"
                  :value="item.code"
                />
              </el-select>
            </div>
            <div v-if="isText" class="chaKanBox_right_item textarea">
              <el-input
                v-model="yijianContent"
                class="chaKanBox_right_item_textarea"
                type="textarea"
                :rows="10"
                :readonly="viewText"
                placeholder="请输入内容"
              />
            </div>
            <div class="chaKanBox_right_item button">
              <el-button
                v-if="!isLook"
                v-loading.fullscreen.lock="fullscreenLoading"
                type="primary"
                element-loading-text="拼命加载中"
                element-loading-spinner="el-icon-loading"
                element-loading-background="rgba(0, 0, 0, 0.8)"
                @click="submitYj"
              >提交</el-button>
            </div>
          </div>
        </div>
      </div>
    </div>

    <el-dialog
      :close-on-click-modal="false"
      title="审查意见"
      :visible.sync="shenchaFlag"
      :before-close="handleClose"
      class="shenChaTanKuang"
    >
      <div class="shenChaContent">
        <div class="shenchaItem">
          <p>该片块图件是否为遗漏复垦点：</p>
          <div class="shenchaItem_item">
            <el-radio v-model="itemDataForTable.isMissingReclaimPoint" label="YES">是</el-radio>
            <el-radio v-model="itemDataForTable.isMissingReclaimPoint" label="NO">否</el-radio>
          </div>
        </div>
        <div class="shenchaItem">
          <p>审定规模与送审规模是否一致：</p>
          <div class="shenchaItem_item">
            <el-radio
              v-model="itemDataForTable.isIdenticalScale"
              label="YES"
              @change="isShowThreeInput"
            >是</el-radio>
            <el-radio
              v-model="itemDataForTable.isIdenticalScale"
              label="NO"
              @change="isShowThreeInput"
            >否</el-radio>
          </div>
        </div>
        <div v-if="showThreeFlag" class="shenchaItem_item_noFlex">
          <p>审增(减)原因：</p>
          <div class="shenchaItem_item">
            <el-input
              v-model="itemDataForTable.auditScaleChangeReason"
              class="shenchaItem_item_textarea"
              type="textarea"
              :rows="5"
              placeholder="请输入内容"
            />
          </div>
        </div>

        <div v-if="showThreeFlag" class="shenchaItem_small shenchaItem">
          <p>宅基地：</p>
          <div class="shenchaItem_item shenchaItem_item_input">
            <el-input
              v-model="itemDataForTable.homestead"
              class="shenchaItem_item_textarea"
              placeholder="请输入内容"
            >
              <span slot="suffix" style="line-height:40px;">公顷</span>
            </el-input>
          </div>
        </div>
        <div v-if="showThreeFlag" class="shenchaItem_small shenchaItem">
          <p>附属用地：</p>
          <div class="shenchaItem_item shenchaItem_item_input">
            <el-input
              v-model="itemDataForTable.attachedLand"
              class="shenchaItem_item_textarea"
              placeholder="请输入内容"
            >
              <span slot="suffix" style="line-height:40px;">公顷</span>
            </el-input>
          </div>
        </div>
        <div v-if="showThreeFlag" class="shenchaItem_small shenchaItem">
          <p>其他：</p>
          <div class="shenchaItem_item shenchaItem_item_input">
            <el-input
              v-model="itemDataForTable.other"
              class="shenchaItem_item_textarea"
              placeholder="请输入内容"
            >
              <span slot="suffix" style="line-height:40px;">公顷</span>
            </el-input>
          </div>
        </div>
      </div>
      <span v-if="!isLook" slot="footer" class="dialog-footer">
        <el-button @click="shenchaFlag = false">取 消</el-button>
        <el-button
          v-loading.fullscreen.lock="fullscreenLoading"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.8)"
          type="primary"
          @click="submitYj1"
        >确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :close-on-click-modal="false"
      title="外业审查意见"
      :visible.sync="shenchaFlag1"
      :before-close="handleClose1"
      class="shenChaTanKuang"
    >
      <div class="shenChaContent">
        <div class="zonghexinxiFirst zonghexinxiItem">
          <div class="zonghexinxiLeft">外业信息</div>
          <div class="item-box">
            <div class="item-box-box one-item-item">
              <!-- <div class="item-box-box-left">外业踏勘位置：</div> -->
              <div class="item-box-box-right">
                <div class="one-item check">
                  <el-checkbox :value="wyData.checked1" disabled>复垦点权利人与图中标注是否一致？</el-checkbox>
                </div>
                <div class="one-item check">
                  <el-checkbox :value="wyData.checked2" disabled>复垦点地类综合是否合理？</el-checkbox>
                </div>
                <div class="one-item check">
                  <el-checkbox :value="wyData.checked3" disabled>复垦点坐标是否准确？</el-checkbox>
                </div>
                <div class="one-item check">
                  <el-checkbox :value="wyData.checked4" disabled>1:500测绘成果与实地是否一致？</el-checkbox>
                </div>
                <div class="one-item check">
                  <el-checkbox :value="wyData.checked5" disabled>近远景照片是否真实？</el-checkbox>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="zonghexinxiFirst zonghexinxiItem wyJibenxinxi">
          <div class="zonghexinxiLeft">外业资料</div>
          <div class="item-box">
            <div class="table-box">
              <div class="table-box-right table-box-item">
                <ul v-if="wyData.imgArr.length != 0" class="ziliaoList">
                  <li
                    v-for="(item, index) in wyData.imgArr"
                    :key="index"
                    @click="handleImageDialogWy(item)"
                  >{{ item.name }}</li>
                </ul>
                <div v-else class="zhjg-no-data">暂无数据</div>
              </div>
            </div>
          </div>
        </div>
        <div class="shenchaItem">
          <p>是否通过：</p>
          <div class="shenchaItem_item">
            <el-radio-group v-model="waiyeObj.waiyeRadio">
              <el-radio label="YES">是</el-radio>
              <el-radio label="NO">否</el-radio>
            </el-radio-group>
          </div>
        </div>
      </div>
      <span v-if="!isLook" slot="footer" class="dialog-footer">
        <el-button @click="shenchaFlag1 = false">取 消</el-button>
        <el-button
          v-loading.fullscreen.lock="fullscreenLoading"
          element-loading-text="拼命加载中"
          element-loading-spinner="el-icon-loading"
          element-loading-background="rgba(0, 0, 0, 0.8)"
          type="primary"
          @click="submitWy"
        >确 定</el-button>
      </span>
    </el-dialog>

    <!-- 综合监管信息现场踏勘图片 -->
    <el-dialog :close-on-click-modal="false" :title="dialogImageUrlTitle" :visible.sync="dialogVisible">
      <img width="100%" :src="$https + dialogImageUrl" />

      <!-- <seeImg v-if="zongheImgType==2" :quanTu='panoramaImg' /> -->
    </el-dialog>
    <!-- 全景图 -->
    <el-dialog
      :close-on-click-modal="false"
      title="查看全景图"
      :visible.sync="panoramaPopup"
      class="seeImgBox"
    >
      <div ref="panorama" class="imgBox" style="text-align:center;width:100%;height:500px" />
    </el-dialog>
    <!-- 外业信息图片、视频查看 -->
    <el-dialog
      :close-on-click-modal="false"
      :title="wyData.jgTitle"
      :visible.sync="wyData.imgShow"
      :before-close="handleCloseWySee"
      class="imgDaolig"
    >
      <div
        v-if="wyData.showImgType == 1"
        class="imgBox"
        style="width:500px;height:500px;margin:0 auto;"
      >
        <img style="width:100%;height:100%;" :src="$https + wyData.imgSrc" />
      </div>
      <div
        v-if="wyData.showImgType == 2"
        class="imgBox"
        style="width:700px;height:400px;margin:0 auto;"
      >
        <video
          id="showVedio"
          autoplay
          controls
          style="width:100%;height:100%;"
          :src="$https + wyData.imgSrc"
        />
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {
  queryLandResultAuditInfo,
  queryProjectResultAuditInfo2,
  auditProjectResultAttachmentInfo,
  auditLandResultInfo,
  verifyAttachmentOpinion,
  wyAuditLandOuterInfo,
  getLandStatusMapAuditInfo,
  auditLandStatusMapInfo,
  getearlyCsWyData
} from '@/api/siteSurveyEarlyStage'
import { getNormalOpinionType } from '@/api/getOpinion'
import tdMap from '@/components/tdMap'
import { getXctkDetail, getQqchDetail } from '@/api/tdMap'
import { getWySupervisingCheck } from '@/api/common'

import PhotoSphereViewer from 'photo-sphere-viewer'
import 'photo-sphere-viewer/dist/photo-sphere-viewer.css'
export default {
  components: {
    tdMap
  },
  filters: {},
  data() {
    return {
      // quanUrl: require("@/assets/panorama.jpg"),
      //现状图路径
      xianZhuangFliePath: '',
      //外业单选
      waiyeObj: {
        waiyeRadio: '',
        landId: ''
      },
      shenchaFlag1: false,
      showWenTiBox: true,
      fullscreenLoading: false, //全屏加载
      cuowuList: [], //错误类型数组
      cuowuListData: [], //错误类型数组（子组件）
      radio: 'YES', //该片块图件是否为遗漏复垦点
      radio1: 'YES', //审定规模与送审规模是否一致
      textarea: '',
      value: '',
      showChaKan: false, //显示隐藏查看框
      data: [
        {
          id: 1,
          label: '土地利用规划',
          children: [
            {
              id: 8,
              label: '总体规划'
            },
            {
              id: 9,
              label: '管理区规划'
            },
            {
              id: 10,
              label: '土地整治规划'
            }
          ]
        },
        {
          id: 2,
          label: '土地利用现状',
          children: [
            {
              id: 5,
              label: '2018年'
            },
            {
              id: 6,
              label: '2017年'
            }
          ]
        }
      ],
      activeName: '1',
      list: [],
      listLoading: false,
      listQuery: {
        page: 1,
        size: 10
      },
      total: 0, //总数
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      shenchaFlag: false, //审查弹框控制
      showThreeFlag: false, //是否显示四个输入框
      fujianList: [], //附件数组
      itemData: '', //单个附件的数据
      yijianValue: '', //意见值
      yijianContent: '', //意见内容
      itemDataForTable: {
        landId: '', //片块ID
        isIdenticalScale: '', //审定规模与送审规模是否一致,可用值:YES,NO
        isMissingReclaimPoint: '', //是否为遗漏复垦点,可用值:YES,NO
        auditScaleChangeReason: '', //审减（增）原因，有原因时填写
        attachedLand: '', //附属用地
        homestead: '', //宅基地
        other: '' //其他
      },
      mapConfig: {
        map: null,
        lng: 106.55,
        lat: 29.57,
        zoom: 10,
        lay: null
      },
      T: null,
      isText: true,
      curProgress: '',
      loading: false,
      viewText: false,
      isLook: false,

      curIndex: null,
      jgInfoData: {
        //监管信息数据
        xctk: {
          time: ''
        }, // 现场踏勘
        xctkList: [],
        qqch: null, // 前期测绘
        qqchList: [],
        cgcs: null // 成果初审
      },
      dialogVisible: false,
      dialogImageUrl: null,
      dialogImageUrlTitle: '查看图片',
      //意见
      yijianInfoData: {
        yijianValue: '',
        yijianContent: '',
        status: ''
      },
      wyData: {
        checked1: '',
        checked2: '',
        checked3: '',
        checked4: '',
        checked5: '',
        imgArr: [],
        imgShow: false,
        jgTitle: '查看',
        imgSrc: '',
        showImgType: '' //区别视频或者图片 1 图片 2 视频
      },
      // zongheImgType:'',//1，图片，2：全景图
      panoramaPopup: false,
      quanjin: '',
      panoramaImg: require('@/assets/panorama.jpg')
    }
  },

  created() {
    this.curProgress = localStorage.getItem('router')
    if (this.curProgress == 'EARLY_MAPPING_RESULT_FIRST_AUDIT') {
      this.viewText = false
    } else {
      this.viewText = true
      this.isLook = true
    }
    this.getData()
    this.getFujian()
    this.getOpinionType()
  },
  methods: {
    handleImageDialogWy(row) {
      //查看综合监管信息图片、视频
      this.wyData.imgShow = true
      this.wyData.imgSrc = row.path
      this.wyData.showImgType = row.type
      if (row.type == 1) {
        this.wyData.jgTitle = '查看图片'
      } else {
        this.wyData.jgTitle = '查看视频'
        this.$nextTick(() => {
          var vedio = document.getElementById('showVedio')
          vedio.play()
        })
      }
    },
    handleCloseWySee() {
      //关闭监管信息弹窗
      this.wyData.imgShow = false
      var vedio = document.getElementById('showVedio')
      vedio.currentTime = 0
      vedio.pause()
    },
    getWyData(landId) {
      //外业信息
      let obj = {
        landId: landId
      }
      getearlyCsWyData(obj).then(res => {
        let data = res.data
        this.wyData.checked1 = data.ifManRight
          ? data.ifManRight == 'YES'
            ? true
            : data.ifManRight == 'NO'
            ? false
            : ''
          : ''
        this.wyData.checked2 = data.ifRight
          ? data.ifRight == 'YES'
            ? true
            : data.ifRight == 'NO'
            ? false
            : ''
          : ''
        this.wyData.checked3 = data.ifDonateRight
          ? data.ifDonateRight == 'YES'
            ? true
            : data.ifDonateRight == 'NO'
            ? false
            : ''
          : ''
        this.wyData.checked4 = data.ifResultRight
          ? data.ifResultRight == 'YES'
            ? true
            : data.ifResultRight == 'NO'
            ? false
            : ''
          : ''
        this.wyData.checked5 = data.ifPhotoRight
          ? data.ifPhotoRight == 'YES'
            ? true
            : data.ifPhotoRight == 'NO'
            ? false
            : ''
          : ''

        this.$nextTick(() => {
          let obj1 = {
            page: 1,
            size: 999,
            photo: data.photo ? data.photo : '',
            vcr: data.vcr ? data.vcr : ''
          }
          getWySupervisingCheck(obj1).then(res1 => {
            var imageGeShi = ['bmp', 'pcx', 'png', 'jpg', 'jpeg', 'gif', 'tiff']
            var videoGeShi = [
              'mp4',
              'avi',
              'flv',
              'rmvb',
              'mkv',
              'gif',
              'mov',
              'rm',
              '3gp'
            ]
            var mainList = []
            var mainList1 = []
            res1.data.rows.forEach((item, index) => {
              imageGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf('.') + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf('.')
                  var photoType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  )
                  mainList.push({
                    name: '外业核查照片',
                    path: item.filePath,
                    type: 1,
                    flieType: photoType
                  })
                }
              })
            })
            res1.data.rows.forEach((item, index) => {
              videoGeShi.forEach(item1 => {
                if (
                  item.fileKey.substring(
                    item.fileKey.indexOf('.') + 1,
                    item.fileKey.length
                  ) == item1
                ) {
                  var index = item.fileKey.indexOf('.')
                  var vedioType = item.fileKey.substring(
                    index,
                    item.fileKey.length
                  )
                  mainList1.push({
                    name: '核查现场视频',
                    path: item.filePath,
                    type: 2,
                    flieType: vedioType
                  })
                }
              })
            })
            //名称处理
            mainList.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : '') + item.flieType
            })
            mainList1.forEach((item, index) => {
              item.name = item.name + (index != 0 ? index : '') + item.flieType
            })

            this.wyData.imgArr = mainList.concat(mainList1)
          })
        })
      })
    },
    //打开现状图
    handleXzViewInto() {
      this.$refs.tdMap.handleXzView()
    },
    //问题记录
    wentijilu(row) {
      var that = this
      var data = {
        projectId: localStorage.getItem('projectId'),
        landId: row.landId,
        statusMapProblemType: row.yijianValue,
        statusMapProblemRecord: row.yijianContent
      }
      auditLandStatusMapInfo(data)
        .then(res => {
          this.$refs.tdMap.closeXianZhuang()
          this.$refs.tdMap.closeMapIframe()
          if (res.code == 1000) {
            this.$message({
              message: '提交成功',
              type: 'success'
            })
          }
        })
        .catch(error => {
          this.$refs.tdMap.closeXianZhuang()
        })
    },
    // 获取前期测绘数据
    getQqchData() {
      getQqchDetail({
        landId: this.list[this.curIndex].landId
      })
        .then(res => {
          this.jgInfoData.qqch = res.data
          // this.jgInfoData.qqch.unshift({name: "空中全景照片",
          //     src: res.data.panoramagramFilePath,id:5})
          this.jgInfoData.qqchList = [
            {
              name: '空中全景照片',
              src: res.data.panoramagramFilePath
            },
            {
              name: '复垦点方位一照片',
              src: res.data.landPositionOneFilePath
            },
            {
              name: '复垦点方位二照片',
              src: res.data.landPositionTwoFilePath
            },
            {
              name: '复垦点方位三照片',
              src: res.data.landPositionThreeFilePath
            },
            {
              name: '复垦点方位四照片',
              src: res.data.landPositionFourFilePath
            }
          ]
        })
        .catch(err => {})
    },
    handleImageDialog(item) {
      this.dialogImageUrl = ''
      const that = this
      if (item != null) {
        if (item.id != 2) {
          this.dialogImageUrlTitle = item.name
          this.dialogVisible = true
          this.dialogImageUrl = item.src
        } else if (item.id == 2) {
          this.panoramaPopup = true
          this.quanjin = item.src
          if (!this.$refs.panorama) {
            this.$nextTick(() => {
              PhotoSphereViewer({
                panorama:
                  this.quanjin == '' || this.quanjin == null
                    ? this.panoramaImg
                    : this.$https + this.quanjin,
                container: this.$refs.panorama,
                time_anim: 3000,
                navbar: true,
                navbar_style: {
                  backgroundColor: 'rgba(58, 67, 77, 0.7)'
                }
              })
            })
          }
        }
      }
    },
    // 获取现场踏勘数据
    getXctkData() {
      getXctkDetail({
        landId: this.list[this.curIndex].landId
      })
        .then(res => {
          this.jgInfoData.xctk = res.data
          this.jgInfoData.xctkList = [
            { name: '情况说明照片1', src: res.data.photo1 },
            { name: '情况说明照片2', src: res.data.photo2 }
          ]
        })
        .catch(err => {})
    },
    exportOpinion() {
      // 导出意见
      let _url = ''
      _url += this.$https
      _url += '/pc/project/early_mapping_result/first_audit/opinion_review'
      _url += '?projectId=' + localStorage.getItem('projectId')
      window.open(_url)
    },
    changeText(v) {
      if (v == 'NO_PROBLEM') {
        this.isText = false
      } else {
        this.isText = true
      }
    },
    //选择问题类型(用于无问题时隐藏输入意见框)
    changeWenTi(v) {
      if (v == 'NO_PROBLEM') {
        this.showWenTiBox = false
      } else {
        this.showWenTiBox = true
      }
    },
    //检查提交
    checkTijiao() {
      var data123 = {
        projectId: localStorage.getItem('projectId')
      }
      this.loading = true
      verifyAttachmentOpinion(data123)
        .then(res => {
          this.loading = false
          if (res.code == 1000) {
            this.$alert('当前流程办理完成', '提示', {
              confirmButtonText: '确定',
              callback: action => {
                this.$router.push({
                  path: '/xmkgh/ywdeal'
                })
              }
            })
          }
        })
        .catch(error => {
          this.loading = false
        })
    },
    //提交意见(列表)
    submitYj1() {
      this.fullscreenLoading = true
      var that = this
      var itemDataForTable = this.itemDataForTable
      var data = {
        projectId: localStorage.getItem('projectId'),
        landId: itemDataForTable.landId,
        isIdenticalScale: itemDataForTable.isIdenticalScale,
        isMissingReclaimPoint: itemDataForTable.isMissingReclaimPoint,
        auditScaleChangeReason: itemDataForTable.auditScaleChangeReason,
        attachedLand: itemDataForTable.attachedLand,
        homestead: itemDataForTable.homestead,
        other: itemDataForTable.other
      }
      auditLandResultInfo(data)
        .then(res => {
          this.fullscreenLoading = false
          if (res.code == 1000) {
            this.$message({
              message: '审查成功',
              type: 'success'
            })
            that.getData()
            that.shenchaFlag = false
            that.itemDataForTable = {
              landId: '', //片块ID
              isIdenticalScale: '', //审定规模与送审规模是否一致,可用值:YES,NO
              isMissingReclaimPoint: '', //是否为遗漏复垦点,可用值:YES,NO
              auditScaleChangeReason: '', //审减（增）原因，有原因时填写
              attachedLand: '', //附属用地
              homestead: '', //宅基地
              other: '' //其他
            }
          }
        })
        .catch(error => {
          this.fullscreenLoading = false
        })
    },
    //提交外业意见
    submitWy() {
      let obj = {
        landId: this.waiyeObj.landId,
        projectId: localStorage.getItem('projectId'),
        isStoringRecordInspection: this.waiyeObj.waiyeRadio
      }
      this.fullscreenLoading = true
      wyAuditLandOuterInfo(obj)
        .then(res => {
          this.fullscreenLoading = false
          if (res.code == 1000) {
            this.$message({
              message: '审查成功',
              type: 'success'
            })
            this.shenchaFlag1 = false
            this.getData()
          }
        })
        .catch(err => {
          this.fullscreenLoading = false
        })
    },
    //提交意见(附件)
    submitYj() {
      var that = this
      this.fullscreenLoading = true
      var data = {
        projectId: localStorage.getItem('projectId'),
        attachmentType: this.itemData.fileType,
        opinionType: this.yijianValue,
        opinionContent: this.yijianContent
      }
      auditProjectResultAttachmentInfo(data)
        .then(res => {
          this.fullscreenLoading = false
          if (res.code == 1000) {
            this.$message({
              message: '提交成功',
              type: 'success'
            })
            setTimeout(function() {
              that.getFujian()
              that.showChaKan = false
              //that.itemData = ""; //单个附件的数据
              //that.yijianValue = ""; //意见值
              // that.yijianContent = ""; //意见内容
            }, 1200)
          }
        })
        .catch(error => {
          this.fullscreenLoading = false
        })
    },
    //获取意见类型
    getOpinionType() {
      getNormalOpinionType().then(res => {
        this.cuowuList = res.data
        this.cuowuListData = res.data
      })
    },
    //查看附件
    chaKanItem(item) {
      this.itemData = item
      if (item.opinionStatus == 'VIEW') {
        this.yijianValue = item.opinionType
        this.yijianContent = item.opinion
        if (this.yijianValue == 'NO_PROBLEM') {
          this.isText = false
        } else {
          this.isText = true
        }
      } else {
        this.yijianContent = ''
        this.yijianValue = ''
        this.isText = true
      }
      this.showChaKan = true
    },
    //获取附件列表
    getFujian() {
      var data = {
        projectId: localStorage.getItem('projectId')
      }
      queryProjectResultAuditInfo2(data).then(res => {
        this.fujianList = res.data.projectAccessoryList
      })
    },
    // 获取现状图
    getXianZhangData(data) {
      var data = {
        landId: data.landId
      }
      getLandStatusMapAuditInfo(data).then(res => {
        this.yijianInfoData.yijianValue = res.data.auditDto.statusMapProblemType
        this.yijianInfoData.yijianContent =
          res.data.auditDto.statusMapProblemRecord
        this.yijianInfoData.status = res.data.auditDto.statusMapProblemStatus
        this.xianZhuangFliePath = res.data.statusMap.filePath
      })
    },
    //前往查看现状图
    toSeeXianZhuang(row) {
      this.getXianZhangData(row)
    },
    //关闭现状图
    guanbiXianZhuang() {
      this.xianZhuangFliePath = ''
    },
    //是否显示三个输入框
    isShowThreeInput(e) {
      if (e == 'NO') {
        this.showThreeFlag = true
      } else {
        this.showThreeFlag = false
      }
    },
    //关闭审查弹框
    handleClose() {
      this.shenchaFlag = false
    },
    //关闭审查弹框
    handleClose1() {
      this.shenchaFlag1 = false
    },
    //打开外业审查意见弹框
    shenchaWy(row) {
      this.waiyeObj.landId = row.landId
      this.getWyData(row.landId)
      if (row.auditDto.isStoringRecordInspectionStatus == 'VIEW') {
        this.waiyeObj.waiyeRadio = row.auditDto.isStoringRecordInspection
      } else if (row.auditDto.isStoringRecordInspectionStatus == 'AUDIT') {
        this.waiyeObj.waiyeRadio = ''
      }
      this.shenchaFlag1 = true
    },
    //打开审查意见弹框
    shenchaYj(row) {
      if (row.auditDto.landStatus == 'AUDIT') {
        this.itemDataForTable = {
          landId: row.landId, //片块ID
          isIdenticalScale: '', //审定规模与送审规模是否一致,可用值:YES,NO
          isMissingReclaimPoint: '', //是否为遗漏复垦点,可用值:YES,NO
          auditScaleChangeReason: '', //审减（增）原因，有原因时填写
          attachedLand: '', //附属用地
          homestead: '', //宅基地
          other: '' //其他
        }
        this.showThreeFlag = false
      } else if (row.auditDto.landStatus == 'VIEW') {
        if (row.auditDto.isIdenticalScale == 'NO') {
          this.showThreeFlag = true
        } else {
          this.showThreeFlag = false
        }
        this.itemDataForTable = {
          landId: row.landId, //片块ID
          isIdenticalScale: row.auditDto.isIdenticalScale, //审定规模与送审规模是否一致,可用值:YES,NO
          isMissingReclaimPoint: row.auditDto.isMissingReclaimPoint, //是否为遗漏复垦点,可用值:YES,NO
          auditScaleChangeReason: row.auditDto.auditScaleChangeReason, //审减（增）原因，有原因时填写
          attachedLand: row.auditDto.attachedLand, //附属用地
          homestead: row.auditDto.homestead, //宅基地
          other: row.auditDto.other //其他
        }
      }

      this.itemDataForTable.landId = row.landId
      this.shenchaFlag = true
    },
    getData() {
      this.listLoading = true
      var data = {}
      var objArr = this.listQuery
      for (var index in objArr) {
        if (objArr[index] != '' && objArr[index] != null) {
          data[index] = objArr[index]
        }
      }
      data['projectId'] = localStorage.getItem('projectId')
      queryLandResultAuditInfo(data).then(res => {
        this.listLoading = false
        this.list = res.data.rows
        this.total = res.data.total
      })
    },
    handleClick(tab, event) {
      this.showChaKan = false
      this.textarea = ''
      this.value = ''
    },
    changeLnglat(scope) {
      this.$refs.tdMap.changePkPosition(scope.$index)
    },
    getCurListIndex(index) {
      // 片块基本信息
      this.curIndex = index
      if (this.curIndex != null) {
        this.getXctkData()
        this.getQqchData()
        this.getWyData(this.list[this.curIndex].landId)
      }
    }
  }
}
</script>

<style lang="scss" scoped>
/deep/ .el-tabs__nav-wrap::after {
  height: 1px;
}

.fujianShenCha {
  overflow: auto;
}

.fujianList {
  margin-top: 30px;
  float: left;
  width: 25%;
  box-sizing: border-box;
  margin-right: 3%;
}

.chaKanBox {
  float: left;
  width: 70%;
  box-sizing: border-box;
}

.fujianList_item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 30px;
}

.fujianList_item p {
  width: 300px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #444;
}

.dachuShenChaBox {
  position: relative;
}

.dachuShenCha {
  position: absolute;
  right: 0;
  top: 4px;
  display: flex;
}

.dachuShenCha .dachuShenCha_item {
  font-size: 14px;
  color: #4d4d4d;
  cursor: pointer;
}

.dachuShenCha .dachuShenCha_item:first-child {
  margin-right: 35px;
}

.showDetail {
  display: flex;
  justify-content: space-between;
}

.chaKanBox_right_select {
  display: flex;
  align-items: center;
}

.chaKanBox_right_select p {
  font-size: 14px;
  color: #444;
  margin-right: 15px;
}

.chaKanBox_left {
  width: 70%;
  margin-right: 3%;
  height: calc(100vh - 250px);
}

.chaKanBox_right {
  width: 27%;
}

.chaKanBox_right_item {
  margin-bottom: 20px;
}

.chaKanBox_right_item_textarea {
  width: 100%;
}

.shenchaItem {
  display: flex;
  align-items: center;
}

.shenchaItem p {
  width: 230px;
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.shenChaTanKuang /deep/ .el-dialog {
  width: 500px;
}

.shenchaItem_item_textarea {
  width: 100%;
}

.shenchaItem_item_noFlex p {
  font-size: 14px;
  color: #444;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.shenchaItem_small {
  margin-top: 20px;
}

.shenchaItem_small p {
  width: 100px;
}

.shenchaItem_item_input {
  width: 260px;
}

/deep/ .el-tree-node__label {
  margin-left: 10px;
}

.redText {
  color: red;
}

.bgFujian {
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.fujianTitle {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
}

.fujianContent {
  margin-left: 30px;
  background: #f5f8fa;
  width: 90%;
  border-radius: 6px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fujianName {
  font-size: 14px;
  font-weight: bold;
  color: #606266;
  cursor: pointer;
  margin-right: 20px;
  display: flex;
  align-items: center;
  width: 80%;
}

.fujianName .fujianNamePdf {
  margin: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.fujianName .icon {
  display: block;
  font-size: 20px;
  margin-right: 10px;
  color: #409eff;
}

.isHover {
  color: #409eff;
  font-size: 13px;
  width: 50px;
}

.isHover span {
  padding: 0px 3px;
  margin: 3px 5px 3px 0;
  cursor: pointer;
  display: block;
  float: left;
}
</style>